<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>

		<style>
		/*.wrapper {
			width: 400px;
			height: 900px;
			border: 1px solid #333;	
			display: flex;
			/*flex-direction: column-reverse*/
			/*flex-wrap: wrap;*/
			/*flex-flow: row wrap;*/
			/*justify-content: flex-end;*/
			/*tify-content: space-between;*/
			/*stify-content: space-around*/
		/*justify-content: center;*/
		/*justify-content: space-between;
		
            }
		.item1{
			width: 200px;
			height: 200px;
			background-color: #333333;
			
		}
		.item2{
			width: 200px;
			height:200px;
			background-color: orange;
		}
		.item3{
			width: 200px;
			height:200px;
			background-color: red;
				
		}*/
		#top{
			margin-top: 0.9375rem;
			font-size: 0.9375rem;
			
		}
		#wenzi{
			background-color: blue;
			color: aliceblue;
			margin-left: 10px;
		}
		.wrap1{
			display: inline-block;
			margin-right: 31px;
			margin-top: 19px;
			position: relative;
			
		}
		.left{
			margin-left: 950px;
			
		}
		#y{
			
			text-align: center;
		}
		.tu{
			height: 200px;
			width: 400px;
		}
		  #box{
		        width: 380px;
		        margin: 30px auto;
		        font-family: 'Microsoft YaHei';
		        font-size: 14px;
		    }
		
		    input{
		        width: 260px;
		        border: 1px solid #e2e2e2;
		        height: 30px;
		        float: left;
		        background-image: url(images/search.jpg);
		        background-repeat: no-repeat;
		        background-size: 25px;
		        background-position:5px center;
		        padding:0 0 0 40px;
		    }
		
		    #search{
		
		        width: 78px;
		
		        height: 32px;
		
		        float: right;
		
		        background: black;
		
		        color: white;
		
		        text-align: center;
		
		        line-height: 32px;
		
		        cursor: pointer;
		
		    }
		
		</style>
	</head>
	<body>
		<div id="top">
			<a class="wrap1">新闻</a>
				<a  class="wrap1"><hao123></a>
					<a  class="wrap1">地图</a>
						<a  class="wrap1">直播</a>
							<a  class="wrap1">视频</a>
								<a  class="wrap1">贴吧</a>
									<a  class="wrap1">学术</a>
										<a  class="wrap1">更多</a>
											<a class="left">设置</a>
												<a id="wenzi" class="left">登录</a>
		</div>
		<div id="y">
			<img src="img/baidu.png" class="tu">
			<b></b>
			<b></b>
			<b></b>
			<b></b>
		</div>
		<div id="box">
			<input type="百度一下" name="百度一下" placeholder=""/>
			<div id="search">搜索</div>
		</div>
	</body>
</html>
